<template>
    <section class="contheader">
        <ul class="contheadermain">
            <li class="list">
                <h2>{{Prodata.name}}</h2>
            </li>
            <li class="list">
                <h3>{{$public.toLowFixed(Prodata.price, Prodata.code)}} </h3>
                <h4>≈{{$public.toLowFixed(Prodata.cnyPrice, Prodata.code,2 )}} CNY</h4>
            </li>
            <li class="list">
                <p>{{$t('jiaoyi2[4]')}}</p>
                <span :class="{'rise':Prodata.change < 0 , 'fall':Prodata > 0}">{{Prodata.changeRate}}</span>
            </li>
            <li class="list">
                <p>{{$t('jiaoyi2[5]')}}</p>
                <span>{{Prodata.high}}</span>
            </li>
            <li class="list">
                <p>{{$t('jiaoyi2[6]')}}</p>
                <span>{{Prodata.low}}</span>
            </li>
            <li class="list">
                <p>{{$t('jiaoyi2[7]')}}</p>
                <span>{{Prodata.volume}}</span>
            </li>
        </ul>
    </section>
</template>

<script>

export default {
    name: 'contratcontheader',
        props:['Prodata'],
        data () {
            return {
                
            }
        },
        methods: {

        },
        created(){
        },
        components: {
            
        },
    }
</script>

